// vue.config.js
const path = require('path');//引入path模块
const webpack = require('webpack')
// 引入等比适配插件
const px2rem = require('postcss-px2rem')
// 配置基本大小
const postcss = px2rem({
  // 基准大小 baseSize，需要和rem.js中相同
  remUnit: 16
})
function resolve(dir){
  return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径
}

module.exports = {
  /*publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : './',*/
  // usesEslint:false,
  publicPath:'./',//打包时设置

  devServer: {
    open: true, // 启动服务后是否打开浏览器
   // /* host: '0.0.0.0',
    port: 8080, // 服务端口
    https: false,
    // hotOnly: false,
    overlay: {
      warnings: false,
      errors: false
    },
    proxy: {
      /*打包时可以nginx反向代理的方式使用https://www.cnblogs.com/wangqiao170/p/9397683.html*/
      '/': {
        target: 'http://192.168.0.201:1603', //1603接口域名
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/': ''
        }
      }
    }
  },
  configureWebpack: {
    // devtool: '#eval-source-map'
    devtool: 'source-map'
  },

  lintOnSave:false,
  css: {
    loaderOptions: {

      postcss: {
        plugins: [
          require('postcss-px2rem')({
            remUnit: 192
          })
        ]
      }
    },
  },
  chainWebpack:(config)=>{
    config.resolve.alias
      //set第一个参数：设置的别名，第二个参数：设置的路径
      .set('@',resolve('./src'))
      .set('components',resolve('./src/components'))
      .set('assets',resolve('./src/assets'))
      .set('views',resolve('./src/views'))
      .set('network',resolve('./src/network'))
    //注意 store 和 router 没必要配置

  },
  configureWebpack: {

    plugins: [

      new webpack.ProvidePlugin({

        $:"jquery",

        jQuery:"jquery",

        "windows.jQuery":"jquery"

      })

    ]

  }
}
